<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="js/flexible/flexible_css.js"></script>
    <script src="js/flexible/flexible.js"></script>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="js/swiper/swiper.min.css">
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/swiper/swiper.jquery.min.js"></script>
    <script src="js/upload/exif.js"></script>
    <script src="js/upload/lrz.js"></script>
    <script src="js/upload/mobileFix.mini.js"></script>
    <script src="js/main.js"></script>
    <script src="js/each/sendProductDetail.js"></script>
    <title>Title</title>
</head>
<body flex="dir:top">

<div class="big-pic-show">
    <div class="swiper-container swiper-big-pic">
        <div class="swiper-wrapper">

        </div>
        <div class="swiper-pagination" font="14"></div>
    </div>
</div>

<div class="dialog get-product">
    <div class="dialog-box" flex="dir:top">
        <div class="dialog-header" flex-box="0" flex="cross:center main:center">
            <div class="dialog-header-icon" flex-box="0"></div>
            <h1 flex-box="10">确认收货</h1>
            <div class="dialog-header-icon btn-close" flex-box="0">
                <a href="javascript:;" flex="main:center cross:center">
                    <span class="icon-close" font="16"></span>
                </a>
            </div>
        </div>
        <div class="dialog-section" flex-box="10">
            <ul class="form send-form" font="16">
                <li>
                    <div class="send-form-word" flex="cross:center">
                        <div class="form-tit" flex-box="0">拨款名称</div>
                        <div flex-box="10" class="form-con-grey">货车拍照、货品照片等</div>
                    </div>
                    <div class="add-product-box clear">
                        <div class="add-product-opt">
                            <input type="file" accept="image/*" capture="camera">
                            <span class="icon-add"></span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="dialog-footer" flex-box="0">
            <a href="" class="btn-bottom" font="18">完成收货</a>
        </div>
    </div>
</div>

<header flex-box="0" flex="main:justify cross:center">
    <div class="header-icon" font="16" flex-box="0">
        <a href="sendProduct.html" flex="main:center cross:center">
            <span class="icon-back"></span>
        </a>
    </div>
    <h1 flex-box="10"></h1>
    <div class="header-icon" flex-box="0"></div>
</header>
<section flex-box="10">

    <div class="card-list">
        <div class="top-inf" flex="cross:center main:center">
            <div class="line line-l">
                <span></span>
            </div>
            <article>
                <h1>已收货</h1>
                <p font="12">送货单号<span>025945</span></p>
            </article>
            <div class="line line-r">
                <span></span>
            </div>
        </div>
    </div>

    <div class="card-list">
        <div class="order-list-tit" font="14">供货商：孔西建材经营部</div>
        <ul class="order-list">
            <li flex="cross:center">
                <div class="order-list-img" flex-box="0">
                    <p><img src="img/project1.jpg" alt=""></p>
                </div>
                <div class="order-list-word" flex-box="10">
                    <div class="order-list-word-up" flex="cross:top main:justify">
                        <h3>碳渣</h3>
                        <p font="12">规格 30吨/车</p>
                    </div>
                    <div class="order-list-down" flex="cross:bottom main:justify">
                        <div class="order-list-price" font="16">
                            <span font="12">￥</span>320.00<em font="12">/车</em>
                        </div>
                        <p>x50</p>
                    </div>
                </div>
            </li>
            <li flex="cross:center">
                <div class="order-list-img" flex-box="0">
                    <p><img src="img/project1.jpg" alt=""></p>
                </div>
                <div class="order-list-word" flex-box="10">
                    <div class="order-list-word-up" flex="cross:top main:justify">
                        <h3>碳渣</h3>
                        <p font="12">规格 30吨/车</p>
                    </div>
                    <div class="order-list-down" flex="cross:bottom main:justify">
                        <div class="order-list-price" font="16">
                            <span font="12">￥</span>320.00<em font="12">/车</em>
                        </div>
                        <p>x50</p>
                    </div>
                </div>
            </li>
        </ul>
        <div class="order-list-bottom" flex="cross:center main:justify">
            <p font="14">合计：</p>
            <p font="16"><b><span font="12">￥</span>52500.00</b></p>
        </div>
    </div>

    <div class="card-list">
        <div class="card-tit" flex="main:justify cross:center">
            <h2 class="card-tit-word">送货信息</h2>
        </div>
        <div class="card-con">
            <ul class="card-form" font="14">
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">送货单名称</div>
                    <div class="card-form-con">碳渣配送（第一批）</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">备注</div>
                    <div class="card-form-con">按要求发货，请验收。</div>
                </li>
            </ul>
        </div>
    </div>

    <div class="card-list">
        <div class="card-tit" flex="main:justify cross:center">
            <h2 class="card-tit-word">收货人信息</h2>
        </div>
        <div class="card-con">
            <ul class="card-form" font="14">
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">收货人</div>
                    <div class="card-form-con">王五</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">联系电话</div>
                    <div class="card-form-con">13540846377</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">所在地</div>
                    <div class="card-form-con">四川省 成都市 武侯区</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">详细地址</div>
                    <div class="card-form-con">新南门车站</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">备注</div>
                    <div class="card-form-con">请尽快，尽量多的发货，我这边很着急。</div>
                </li>
            </ul>
        </div>
    </div>

    <div class="card-list">
        <div class="card-tit" flex="main:justify cross:center">
            <h2 class="card-tit-word">收货信息</h2>
        </div>
        <div class="card-con">
            <ul class="card-form" font="14">
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">创建时间</div>
                    <div class="card-form-con">2012-12-05 08:43</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">收货时间</div>
                    <div class="card-form-con">2012-12-11 05:30</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">收货现场拍照</div>
                </li>
            </ul>
            <ul class="card-img send-card-img clear">
                <li><p><img src="img/project1.jpg" alt=""></p></li>
                <li><p><img src="img/project2.jpg" alt=""></p></li>
                <li><p><img src="img/project3.jpg" alt=""></p></li>
                <li><p><img src="img/project4.jpg" alt=""></p></li>
            </ul>
        </div>
    </div>

</section>
<footer flex-box="0">
    <div class="change-opt">
        <a href="javascript:;" font="18" flex="cross:center main:center" class="btn-get-product">确认收货</a>
    </div>
</footer>
</body>
</html>